@import '../../ui/base'

.root
	display flex
	> a
		> i
			width 48px
			height 48px
			font-size 48px
			color rgb(185, 206, 230)
			background-color rgb(234, 242, 251)
			border-radius 3px
	&.small
		> a
			> i
				width 30px
				height 30px
				font-size 30px
		.img
			width 30px
			height 30px
		.txt
			.link
				font-size 12px
				margin-bottom 6px
			p
				font-size 12px
	&.big
		> a
			> i
				width 60px
				height 60px
				font-size 60px
		.img
			width auto
			height auto
		.has-image
			width 60px
			height 60px
		.txt
			.link
				color #777
				font-size 20px
				margin-bottom 14px
			p
				color rgb(153, 153, 153)
				font-size 14px
	.img
		width 48px
		height 48px
		background-size cover
		background-position center
		border-radius 3px
		display block
	.txt
		margin-left 13px
		display flex 
		flex-direction column
		justify-content center
		.link
		p
			line-height 1
		.link
			display inline-block
			font-size 14px
			margin-bottom 10px
		p
			font-size 12px
			color $font-light-color
.reward-box
	flex 1
	padding 2px 50px 0 20px
	a 
		padding-left 10px